import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:get/get.dart';
import 'package:largefriends/res/lf_double_ext.dart';
import 'package:largefriends/res/lf_string_ext.dart';
import 'package:lottie/lottie.dart';

import '../../../entity/entities/chat_new_message_entity.dart';
import '../../../res.dart';
import '../../../res/lf_color.dart';
import '../../../res/lf_fonts.dart';
import '../../../res/lf_text_style.dart';
import '../../../res/strings/lf_strings.dart';
import '../../../service/lf_auth_service.dart';

class LfMessageWink extends StatelessWidget {
  final ChatNewMessageEntity data;
  const LfMessageWink({
    Key? key,
    required this.data,
  }) : super(key: key);

  @override
  Widget build(BuildContext context) {
    LfAuthService authService = Get.find();
    var isSender =
        data.sender?.profile?.userId == authService.currentAccount!.userId;
    var text = Column(
      crossAxisAlignment: CrossAxisAlignment.start,
      children: [
        Row(
          crossAxisAlignment: CrossAxisAlignment.center,
          children: [
            SizedBox(
              width: 30.r,
              height: 30.r,
              child: Lottie.asset(
                Res.wink_icon_anim,
              ),
            ),
            10.w.sbw,
            Flexible(
                child: Text(
              strWinkYou.tr,
              style: lfTextStyle(
                  sp: 16.sp,
                  fontFamily: fontBold,
                  color: isSender ? colorFEFEFE : colorFEFEFE),
            ))
          ],
        ),
        5.w.sbh,
        Text(data.message?.replaceBreak ?? "",
            // position:
            textAlign: TextAlign.start,
            style: lfTextStyle(
                sp: 15.sp,
                fontFamily: fontRegular,
                color: isSender ? colorFEFEFE : colorFEFEFE))
      ],
    );
    if (isSender) {
      return Row(
        mainAxisAlignment: MainAxisAlignment.end,
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          Flexible(
              child: Container(
            padding: EdgeInsets.symmetric(vertical: 8.h, horizontal: 10.w),
            decoration: BoxDecoration(
              color: color514F62,
              borderRadius: BorderRadius.only(
                  topLeft: Radius.circular(10.r),
                  bottomRight: Radius.circular(10.r),
                  bottomLeft: Radius.circular(10.r)),
            ),
            constraints:
                BoxConstraints(maxWidth: ScreenUtil().screenWidth - 70.w),
            child: text,
          )),
          10.w.sbw
        ],
      );
    } else {
      return Row(
        mainAxisAlignment: MainAxisAlignment.start,
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          10.w.sbw,
          // CustomCacheImage(
          //   imageUrl: data.sender?.profile?.avatarUrl,
          //   isCircle: true,
          //   width: 40.r,
          //   height: 40.r,
          // ),
          // 5.w.sbw,
          Flexible(
              child: Container(
            padding: EdgeInsets.symmetric(vertical: 8.h, horizontal: 10.w),
            decoration: BoxDecoration(
              color: color8F8F8F,
              borderRadius: BorderRadius.only(
                  topRight: Radius.circular(10.r),
                  bottomRight: Radius.circular(10.r),
                  bottomLeft: Radius.circular(10.r)),
            ),
            constraints:
                BoxConstraints(maxWidth: ScreenUtil().screenWidth - 70.w),
            child: text,
          )),
          10.w.sbw
        ],
      );
    }
  }
}
